Programmeren 5
Les 26

Fric-frac realisatie: CSS

Doelstelling

1. In een vorige les hebben we de views gemaakt. Vooraleer de Views te koppelen aan de database gaan we deze eerst opmaken met CSS.
2. We leren werken met Flexbox om op die manier een responsieve view te maken.

Leerpad

1. Leerpad voor Flexbox.
2. Ik ga ervan uit dat je de views voor de Fric-Frac app reeds gemaakt hebt. Uitleg hierover vind je op Programmeren 3 Les 20 Fric-frac realisatie Views en Controllers maken.
3. Filmpje: Fric-frac realisatie CSS
4. Om de CSS te maken volgen we het tower pattern.
5. De CSS maken we in stappen:
   1. tower-pattern tower
   2. tower-pattern floor
   3. tower-pattern control-panel
   4. tower-pattern control-panel responsieve icoon-tegel
   5. tower-pattern show-room responsieve teksttegel liggend
   6. tower-pattern show-room responsieve teksttegel staand
   7. tower-pattern responsieve show-room voor entiteit liggend

Opdracht

1. Maak de CSS voor de views van de volgende entiteiten:
   1. Role
   2. EventCategory
   3. EventTopic
2. Deze opdracht maakt deel uit van het derde examen.
3. Als je je eigen CSS wilt ontwerpen of Bootstrap wilt gebruiken is dat oké op voorwaarde dat je de Fric-frac Wireframes volgt.
4. Synchroniseer je lokale map met Cloud9 met behulp van link. In de commit commentaar plaats je "Les 21 Fric-frac realisatie CSS".
5. Deadline: dag van het examen 7 februari 2018